@charset "utf-8";
@component-namespace t {
  @b progress-circle {
    position: relative;
    width: 100%;
    height: 100%;
    margin: auto;
    @e svg {
      width: 100%;
      height: 100%;
    }
    @e inner-content {
      width: 80%;
      height: 55%;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      margin: auto;
      bottom: 0;
      @e title {
        width: 80%;
        height: 55%;
        margin: auto;
        line-height: 1.8;
        display: flex;
        padding-bottom: 0.2rem;
        justify-content: center;
        align-items: center;
        font-size: var(--assist-font-size-normal);
        border-bottom: 0.05rem dashed var(--color-extra-light-silver);
      }
      @e rate {
        width: 80%;
        height: 45%;
        margin: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: var(--assist-font-size-large);
        font-weight: bold;
        color: var(--color-primary);
        & img {
          margin-top: 20%;
          width: 100%;
          height: 80%;
        }        
      }
    }
  }
}